let con = document.querySelector(".container");
let input = document.querySelector("input");
let interval = "";
let content = [
  "W",
  "e",
  " ",
  "L",
  "o",
  "v",
  "e",
  " ",
  "P",
  "r",
  "o",
  "g",
  "r",
  "a",
  "m",
  "m",
  "i",
  "n",
  "g",
  "!",
];
let len = content.length;
let i = 0;
interval = setInterval(() => {
  if (i === len) {
    con.textContent = "";
    i = 0;
  }
  con.textContent += content[i];
  i++;
}, 200);

// 添加input事件监听器
input.addEventListener("input", function () {
  clearInterval(interval);

  let newT = 200 / input.value;
  interval = setInterval(() => {
    if (i === len) {
      con.textContent = "";
      i = 0;
    }
    con.textContent += content[i];
    i++;
  }, newT);
});
